<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/reset.css','http://at.alicdn.com/t/font_906983_lw3eafrkqq.css']);
		</script>
		<style>
			.msginfo i {
				font-style: normal;
				font-size: 12px;
				color: #999;
				font-weight: normal;
				float: right;
			}
			
			.msginfo a span {
				position: relative;
			}
			
			.msginfo .redbadge {
				right: 0px;
			}
			
			.icon-fire-station {
				font-size: 2rem;
				color: #ffad7f;
			}
			
			/******/
			.support-ticket {
				margin: 5px;
			    background-color: #fff;
			    border-radius: 6px;
			    -webkit-box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
			    box-shadow: 0px 2px 4px rgba(126,142,177,0.12);
			    -webkit-transition: all 0.3s ease;
			    transition: all 0.3s ease;
			    position: relative;
			}
			.st-meta {
			    position: absolute;
			    top: 5px;
			    right: 5px;
			    z-index: 99;
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -ms-flex-align: center;
			    align-items: center;
			}
			.status-pill {
			    width: 12px;
			    height: 12px;
			    border-radius: 30px;
			    background-color: #eee;
			    display: inline-block;
			    vertical-align: middle;
			}
			.status-pill.red {
			    background-color: #c21a1a;
			}
			.st-body {
			    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.05);
			    box-shadow: 0px 5px 15px rgba(0,0,0,0.05);
			    padding: 20px;
			    border-radius: 6px;
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			    -ms-flex-align: center;
			    align-items: center;
			}
			.st-body .avatar {
			    -webkit-box-flex: 0;
			    -ms-flex: 0 0 50px;
			    flex: 0 0 50px;
			    padding-right: 15px;
			}
			.st-body .avatar img {
			    width: 60px;
			    height: auto;
			    border: 1px solid #E3E3E3;
			    border-radius: 50px;
			}
			.ticket-content .ticket-title {
			    margin-bottom: 5px;
			    color: #334152;
			    font-size: 1rem;
			    font-weight: bold;
			}
			.ticket-content .ticket-description {
			    color: #636c72;
			    font-size: 1rem;
			    font-weight: 300;
			    height: 1.215rem;
			}
			.st-foot {
			    padding: 10px 20px;
			    font-size: .81rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">待办事项</h1>
		</header>
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
			<div class="mui-scroll">
				<div class="support-ticket ">
					<div class="st-meta">
						<div class="status-pill red"></div>
					</div>
					<div class="st-body">
						<div class="avatar">
							<img alt="" src="../../images/firemen.svg">
						</div>
						<div class="ticket-content">
							<h6 class="ticket-title">设备一</h6>
							<div class="ticket-description mui-ellipsis">#湘书院园区#收到配电箱报警</div>
						</div>
					</div>
					<div class="st-foot">
						<span class="label">负责人:</span>
						<a class="value with-avatar" href="#">
							<span>章叁18734211234</span>
						</a>
						<!--<span class="label">报警时间:</span>-->
						<span class="mui-pull-right value">今天 上午10:00</span>
					</div>
				</div>
				<div class="support-ticket ">
					<div class="st-meta">
						<div class="status-pill red"></div>
					</div>
					<div class="st-body">
						<div class="avatar">
							<img alt="" src="../../images/firemen.svg">
						</div>
						<div class="ticket-content">
							<h6 class="ticket-title">设备二</h6>
							<div class="ticket-description mui-ellipsis">#湘书院园区#收到水箱异常报警</div>
						</div>
					</div>
					<div class="st-foot">
						<span class="label">负责人:</span>
						<a class="value with-avatar" href="#">
							<span>章叁18300221123</span>
						</a>
						<!--<span class="label">报警时间:</span>-->
						<span class="mui-pull-right value">昨天 晚上11:00</span>
					</div>
				</div>
				<ul class="mui-table-view mb1rem tblv-nl" id="mymsg_warp">
					
				</ul>
			</div>
		</div>
		<script type="text/html" id="mymsg_view">
			{{each data as item}}
			<li class="mui-table-view-cell msginfo msgtype{{item.MessageType}}" data-id="{{item.ObjectId}}" data-nid="{{item.NotifyId}}">
				<a>
					<span class="iconfont icon-{{item.typeclassname}} icon50 bor-r25">
						{{if item.ReadStatus=='N'}}
							<b class="redbadge"></b>
						{{/if}}
					</span>
					<div class="ml60">
						<h5 class="fs18 cor-000">{{item.Title}}<i>{{item.CreateTime}}</i></h5>
						<p class="mui-ellipsis">{{item.Content}}</p>
					</div>
				</a>
			</li>
			{{/each}}
		</script>
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/my/myMsg.js', '../../js/my/addMyFriend.js']);
		</script>
	</body>

</html>